/**
 * Created by fengliu on 15/8/29.
 */
import React from 'react';
import AMUIRect from 'amazeui-react';
// import LeftBody from './LeftBody';
// var Grid = AMUIRect.Grid;
// var Col = AMUIRect.Col;
// import MainBody from './MainBody'
var Container = AMUIRect.Container;
var Table = AMUIRect.Table;
var Panel = AMUIRect.Panel;
var Badge = AMUIRect.Badge;
var Accordion = AMUIRect.Accordion;

module.exports = React.createClass({
    render(){
        return <Container>
            <Biaoqian />
            <手风琴 />
        </Container>
    }
});

var Biaoqian = React.createClass({
    render(){
        return <Panel header="标签" amStyle="primary">

            <Table bordered compact striped>
                <tbody>
                <tr>
                    <td>PHP <Badge>100</Badge></td>
                    <td>ThinkerPHP<Badge>1</Badge></td>
                    <td>CI</td>
                </tr>
                <tr className="am-active">
                    <td>Java<Badge>1</Badge></td>
                    <td>jfinal<Badge>1</Badge></td>
                    <td>ssh<Badge>1</Badge></td>
                </tr>
                <tr>
                    <td>Python</td>
                    <td>Flask</td>
                    <td>Django</td>
                </tr>
                </tbody>
            </Table>
        </Panel>;
    }
});

var data = [
    {
        "title": "就这样恣意的活着",
        "content": "置身人群中 <br/> 你只需要被淹没 享受 沉默 <br/> 退到人群后 <br/> 你只需给予双手 微笑 等候",
        "active": true
    },
    {
        "title": "让生命去等候，去等候，去等候，去等候",
        "content": "走在忠孝东路 <br/> 徘徊在茫然中 <br/> 在我的人生旅途 <br/> 选择了多少错误 <br/> 我在睡梦中惊醒 <br/> 感叹悔言无尽 <br/> 恨我不能说服自己 <br/> 接受一切教训 <br/> 让生命去等候 <br/> 等候下一个漂流 <br/> 让生命去等候 <br/>等候下一个伤口"
    },
    {
        "title": "我就这样告别山下的家",
        "content": "我就这样告别山下的家，我实在不愿轻易让眼泪留下。我以为我并不差不会害怕，我就这样自己照顾自己长大。我不想因为现实把头低下，我以为我并不差能学会虚假。怎样才能够看穿面具里的谎话？别让我的真心散的像沙。如果有一天我变得更复杂，还能不能唱出歌声里的那幅画？"
    }];

var 手风琴 = React.createClass({
    render(){
        return <Panel header="姨太太扯淡" amStyle="primary">
            <Accordion data={data} theme="gapped"/>
            </Panel>;
    }

});
